<!--ajax的登录验证-->
<!--本文件需要jq.js和ajax_login.html支持-->
<html>
	<head>
		<meta charset="UTF-8">
		<title>ajax--login</title>
		<script src='jq/jquery.js' type="text/javascript"></script>
	</head>
	<body>
		<input type="text"  id="user" /><span id="msg"></span><br>
		<input type="password"  id="pwd" value="" /><br>
		<input type="button" onclick="checkform()" value="login"/>
	</body>
	<script type="text/javascript">
	function checkform(){
		var user = $("#user").val();
		var pwd = $("#pwd").val();
		if(pwd =="" || user == ""){
			alert("用户名或者密码不能为空！");
		}else{
			var pattUser = /^[a-zA-z]\w{4,11}$/; 
			var pattpwd = /^\w{3,12}$/;
			if(pattUser.test(user) && pattpwd.test(pwd)){
				$.ajax({
					type:"post",//post get 请求方式
					url:"ajax_login.php",//请求地址
					dataType:"html",//ajax 要求返回的数据类型 html json xml
					data:"user="+user+"&pwd="+pwd,//发送数据到服务端,名值对来发送 usser=admin&pwd=123456
					success:function(data){
						if(data ==1){
							alert("登录成功");
							//location.href="index.php";
						}else{
							$("#msg").html("<b>用户名密码输入有误！</b>")
						}
					},
					error:function(e){
						//e xmlhttprequest ajax核心对象
						alert(111)
						alert(e.responseText)
						alert(e.status)
						alert(e.statusText)
					}
				});
			}else{
				alert("请输入合法的用户名或者密码！");
			}
		}
	}	
	</script>
</html>